<template>
    <div>
        <searchForm @childEvent="childEvent" ref="searchForm"></searchForm>
        <hnTable :tableForm='tableForm' ref="tableForm"></hnTable>
    </div>
</template>
<script>
import searchForm from './compontents/searchForm.vue'
import hnTable from './compontents/table.vue'
export default {
    components: { searchForm, hnTable },
    data() {
        return {
            tableForm: {}
        }
    },
    methods: {
        childEvent(form) {
            this.tableForm = form
        }
    }
}
</script>
<style scoped></style>